<!DOCTYPE html>
<html>

    <head>

        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="">
        <meta name="author" content="">

        <title>FastAdmin - {:__('hi The fastest framework based on ThinkPHP5 and Bootstrap')}</title>

        <!-- Bootstrap Core CSS -->
        <link href="//cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
        <link href="__CDN__/assets/css/index.css" rel="stylesheet">

        <!-- Plugin CSS -->
        <link href="//cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
        <link href="//cdn.bootcss.com/simple-line-icons/2.4.1/css/simple-line-icons.min.css" rel="stylesheet">

        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!--[if lt IE 9]>
            <script src="//cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script>
            <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>

    <body  >


 
    <div class="container">
          <div class="jumbotron">
          <h1>FastAdmin 简易论坛入门课</h1>
          <p>一起快乐学习！主讲：郭孟涛</p>
           
        </div>

        <ol class="breadcrumb">
            <li><a href="{:url('index/index/index')}">首页</a></li>
            <li class="active">论坛</li>
        </ol>    

        <div class="row">

 
              <div class="col-md-8">   <table class="table table-hover">
                  <thead>
                    <tr>
                      <th>头像</th>
                      <th>用户名</th>
                      <th>帖子标题</th>
                      <th>帖子内容</th>
                      <th>发布时间</th>
                      <th>回复数</th>
                    </tr>
                  </thead>
                  <tbody>
                     {volist name='list' id='user'}
                    <tr>
                      <th scope="row"> 

                          <img src="{$user.user.avatar}"   class="img-circle" style="hwidth: 2.8rem;  height: 2.8rem;  border-radius: 2.8rem;">
                      </th>
                      <td>{$user.user.username}  </td>
                      <td> <a href="{:url('index/forum/view',['id'=>$user.id])} ">{$user.title}</a> </td>
                      <td>{$user.content}</td>
                      <td>{$user.createtime}</td>
                      <td>{:count($user.comments)}</td>
                    </tr>
               {/volist}
                  </tbody>
                </table>

                
                {$list->render()}

        </div>


        <!-- 页面右侧 -->
          <div class="col-md-4">


            <div class="panel panel-primary">
              <div class="panel-heading"> 发新帖</div>
              <div class="panel-body">
                  <form class="form-horizontal" method="post" action="" >
                  <div class="form-group">
                    <label for="inputEmail3" class="col-sm-2 control-label">标题</label>
                    <div class="col-sm-10">
                      <input type="text" class="form-control" name="title" placeholder="Text input">
                    </div>
                  </div>
 
                   <div class="form-group">  
                    <label for="inputEmail3" class="editor col-sm-2 control-label">内容</label>
                    <div class="col-sm-10">
                      <textarea class="form-control" name="content" rows="3"></textarea>
                    </div>
                  </div>
 

                  <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                      <button type="submit" class="btn btn-default">发布帖子</button>
                    </div>
                  </div>
                </form>
              </div>

            </div>
            <div class="panel panel-primary">
              <div class="panel-heading">FastAdmin零基础入门</div>
              <div class="panel-body">
                右侧页面内容。。。
              </div>

            </div>



          </div>
       

        </div>




    </div>

    




    
 


  

    </body>

</html>